<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html style="overflow: hidden;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<link href='${_resources}css/style.css' type='text/css' rel='stylesheet' />
<title>测试项目数据------单项目数据</title>
<%@ include file="/WEB-INF/jsp/common/inc.jsp" %>
<style type="text/css">
    .nav_ul{
        width: 99%;margin: auto;overflow: hidden;
    }
    .func_head{margin:10px auto;overflow: hidden;}
    .nav_ul li a{display:inline-block;width:100%;height:30px;line-height:30px}
    .func_head a{color: #999;}
</style>
</head>
<body id = "viewByProject"  style="overflow: hidden;">
<div>
    <div class="submenu" style="position: relative;margin-top: 5px;">
	   	<div class="func_head">
	           <p class="fl" style="margin-left:10px;color:#999;font-size:13px">当前位置：<span>${localhostAddress}</span></p>
	    </div>
        <ul id="ul" class="nav_ul" style="position: relative;">
            <li style="width:8%;" name='menu_a' id ='TestCaseLi' class='navicon_on_a'>
            	<a id='icon1_b'  href="${_baseUrl}/organizeassetsKTController/showApproveTestRequire" target='contIframe_a'>测试需求</a>
            
 			</li>
            <li style="width:8%"  name='menu_a' id ="problemLi">
            	<a id ="problemTab" href="${_baseUrl}/organizeassetsKTController/showApproveTestItem" target='contIframe_a'>测试项</a>
            </li>       
            <li style="width:83%"></li>
        </ul>
    </div>
    <div id='iframeCont' class='iframeCont'>
        <iframe name='contIframe_a' class='contIframe' id="contIframe" frameborder='0' width='100%' height='100%' frameborder="none" scrolling="auto"></iframe>
        
    </div>
</div>
</body>
<script type="text/javascript">
var TabId = "icon1_b";
var projectId = "${projectId}";
    navStatus(TabId);
    initHeight();
    function navStatus(menuId){
        var oNav = $(".nav_ul li[name='menu_a']"),
                oIfr = $('.contIframe');
        	document.getElementById(menuId).click();
            if(TabId == 'TestCaseLi'){
            	$("#icon1_b").removeClass("navicon_on_a").addClass("navicon_on_a");
            	oNav.not($("#icon1_b")).removeClass('navicon_on_a');
            }
            if(TabId == 'problemTab'){
            	$("#problemLi").removeClass("navicon_on_a").addClass("navicon_on_a");
            	oNav.not($("#problemLi")).removeClass('navicon_on_a');
            }
            
        
         oNav.each(function(){
            $(this).click(function(){
                $(this).removeClass("navicon_on_a").addClass("navicon_on_a");
                oNav.not($(this)).removeClass('navicon_on_a');
            });
        }); 
    };

    function initHeight(){
        var topH = $('.submenu_a').height(),
                initheight = document.documentElement.clientHeight - topH -65,
                oCont = $('#iframeCont') ;
        oCont.height(initheight);
    };
   
</script>
</html>
